<template>
  <div class="audition74">
    <v-md-preview :text="text1" />
  </div>
</template>

<script>
const prefix = '``` css'
const suffix = '```'
export default {
  name: 'Audition74',
  data() {
    return {
      text1: `${prefix}
        常用的伪类：
          1. :link 选择所有未访问的链接
          2. :visited 选择所有访问过的链接
          3. :active 选择正在活动的链接（或理解为鼠标点击瞬间效果）
          4. :hover 鼠标放到链接后的状态
          5. :focus 选择元素输入后具有焦点
          6. :before 在元素之前插入内容
          7. :after 在元素之后插入内容
      \n${suffix}`,
    }
  }
}
</script>

<style>

</style>